﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link href="/statics/images/apple-touch-icon-57.png" sizes="57x57" rel="apple-touch-icon">
<link href="/statics/images/apple-touch-icon-72.png" sizes="72x72" rel="apple-touch-icon">
<link href="/statics/images/apple-touch-icon-114.png" sizes="114x114" rel="apple-touch-icon">
<title>html5小角色网络科技响应式模板</title>
<meta name="keywords" content="小角色,小角色网络"/>
<meta name="description" content="小角色汇集智能网络营销、企业网站、微信网站、微信开发、计算机信息技术等各种专业互联网技术，为您企业电子商务、办公自动化、信息化建设插上腾飞的翅膀！">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/theme_trust.js"></script>
<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
}
html,
body,
wrapper {
    height: 100%;
}
.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
.taocanbg {
	width:320px;
	height:510px;
	padding-top:10px;
	float:left;
	margin-right:38px;
	margin-left: 15px;
	margin-top:20px;
	margin-bottom:10px;
}
.dan {
	width:320px;
	height:260px;
	display:block;
	background-repeat:no-repeat;
}
.taocan_name {
	width:320px;
	height:auto;
	line-height:25px;
	display:block;
	border-bottom:#96582a 1px dashed;
	text-align:center;
	margin-top:5px;
	font-family:"microsoft yahei";
	font-size:16px;
	color: #281f1d;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.dan:hover {
	opacity:0.8;
	filter:alpha(opacity=40);
}
.img-black {
	text-align: center;
	font-size: 16px;
	line-height: 45px;
	font-family:"microsoft yahei";
	color: #666;
}
.img-red {
	font-size: 20px;
	color: #e9544c;
	font-weight: bold;
	line-height: 50px;
	font-family:"microsoft yahei";
}
.img-red2 {
	font-size: 16px;
	color: #e9544c;
	font-weight: bold;
	font-family:"microsoft yahei";
}
.taocan_con {
	height:auto;
	width:300px;
	font-family:"microsoft yahei";
	line-height:20px;
	color:#130c0e;
	font-size: 14px;
	text-decoration:none;
	font-weight: normal;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0px;
}
.clentaocan {
	margin:0px auto;
	max-width:1120px;
	height:100%;
}
.taocan_con > p {
	text-decoration:none;
	margin:0px 0px 5px 0px;
	font-size:14px;
	height:auto;
	max-width:280px;
	border-bottom:#96582a 1px dashed;
}
.tese {
	font-size:14px;
	font-weight:bold;
}
.pcbg {
	background: url(images/pcbg.png) no-repeat;
}
.phonebg {
	background:url(images/phone.png) no-repeat;
}
.weixinbg {
	background:url(images/weixinbg.png) no-repeat;
}
.wifibg {
	background:url(images/wifibg.png) no-repeat;
}
.mailbg {
	background: url(images/mailbg.png) no-repeat;
}
.shop {
    width:80px;
    height:50px;
    display:block;
    margin:0px auto;
    background-image: url(images/hot.gif);
    background-position:53px -9px;
    background-repeat:no-repeat;
}
</style>
<script type="text/javascript" src="js/main.js"></script>
<script>
  jQuery(document).ready(function() {
	  jQuery('#openSidebar').click(function() {
	      jQuery('.wrapper').toggleClass('openNav');
	  });
	  jQuery('#menu a').click(function() {
	      jQuery('.wrapper').removeClass('openNav');
	  });
  });
</script>
<script type="text/javascript" src="js/fdb08818984846ce8335f4a6013d3cde.js"></script>
</style>
</head>
<body>
<div class="wrapper">
	<div class="sidebar">
		<div class="clearfix k1120">
			<div class="navBox" id="openSidebar">
				<a href="#" class="navOpen"></a>
			</div>
			<div id="menu">
        <ul class="clearfix">
          <li><a href="#home" class="nav_home current"><span>首页<br />
            <b>Home</b></span></a> </li>
          <li><a href="#services" class="nav_services"><span>关于我们<br />
            <b>About us</b></span></a> </li>
          <li><a href="#case" class="nav_case"><span>免费建站<br />
            <b>Free building </b></span></a> </li>
          <li><a href="#about" class="nav_about"><span>网络营销<br />
            <b>E-Marketing</b></span></a> </li>
          <li><a href="#news" class="nav_news"><span> 产品知识<br />
            <b>News</b></span></a> </li>
          <li><a href="#contact" class="nav_contact"><span>联系我们<br />
            <b>Contact us</b></span></a> </li>
          <li><a href="./shop.html" target="_blank" class="nav_home" ><span class="shop">分销商城<br />
            <b>  Dis mall</b></span></a> </li>
        </ul>
			</div>
		</div>
	</div>
	<div class="pageMain">
		<div id="header">
			<div class="k1120 clearfix">
				<a href="#" id="logo">logo</a>
			</div>
		</div>
		<div id="home" class="scrol-page">
			<div class="banner">
				<div class="b_1">
					<div class="k1120 clearfix">
						<div class="b_pic">
							<div class="mac">
								<img src="picture/mac.png"/>
							</div>
							<div class="iphone">
							</div>
							<div class="ipad">
								<img src="picture/ipad.png"/>
							</div>
						</div>
						<div class="b_text">
							<h1>小角色网络</h1>
							<h4>您身边的互联网专家！</h4>
							<p>
								小角色汇集智能网络营销、企业网站、微信网站、程序开发、计算机信息技术等各种专业互联网技术，为您企业电子商务、办公自动化、信息化建设插上腾飞的翅膀！
							</p>
							<p>
								 　　　　　　　　　　　　　　　　　　　　--- 小角色，大作为！
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class="banner">
				<div class="b_2">
					<div class="k1120 clearfix">
						<h1></h1>
						<br/>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="services" class="scrol-page">
		<h2 class="title"><span>小角色能做的</span></h2>
		<h5 class="infoText">如果错过互联网，与你擦肩而过的不仅仅是机会，而是整整一个时代；小角色不是互联网创造者只是互联网操盘者</h5>
		<div class="servicesBox">
			<ul class="k1120 clearfix">
				<li>
				<div class="servicesBoxList">
					<div class="servicesBoxIcon">
						<i class="servicesIcon_1"></i>
					</div>
					<h3>网站设计开发与优化(SEO)</h3>
					<p>
						企业网站建设
					</p>
					<p>
						手机网站开发
					</p>
					<p>
						html5技术跨平台网站开发
					</p>
					<p>
						网站优化排名
					</p>
				</div>
				</li>
				<li>
				<div class="servicesBoxList">
					<div class="servicesBoxIcon">
						<i class="servicesIcon_2"></i>
					</div>
					<h3>移动互联网<br/>营销</h3>
					<p>
						智能广告wifi路由器
					</p>
					<p>
						微信公众号开发
					</p>
					<p>
						微信营销工具开发
					</p>
					<p>
						微网站、APP开发
					</p>
				</div>
				</li>
				<li>
				<div class="servicesBoxList">
					<div class="servicesBoxIcon">
						<i class="servicesIcon_3"></i>
					</div>
					<h3>私有云</h3>
					<p>
						企业内网云平台搭建
					</p>
					<p>
						企业内部云桌面系统建设
					</p>
					<p>
						集团内网网盘系统建设
					</p>
					<p>
						内网云服务器搭建
					</p>
				</div>
				</li>
				<li>
				<div class="servicesBoxList">
					<div class="servicesBoxIcon">
						<i class="servicesIcon_4"></i>
					</div>
					<h3>网络技术咨询</h3>
					<p>
						私有企业邮局建设开发
					</p>
					<p>
						集团视频会议系统建设开发
					</p>
					<p>
						企业上网行为管控系统部署
					</p>
					<p>
						企业网络远程管控方案
					</p>
				</div>
				</li>
			</ul>
		</div>
	</div>
	<div id="case" class="scrol-page">
		<h2 class="title"><span>免费网站模板展示</span></h2>
		<h5 class="infoText">建站不是小角色的超能力，免费才是我们的特色</h5>
		<div class="case k1120">
			<ul class="clearfix">
				<li>
				<div class="view-tenth">
					<img src="picture/2-1503311i935-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>it科技类模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：278
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/hotel.png"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>酒店模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：210
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/2-150331191008-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>建筑建材模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：204
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/2-1503311sa2-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>家居类模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：220
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/2-1503311s426-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>化妆品类模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：167
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/2-1503311s231-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>餐饮类模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：454
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/2-1503311rk2-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>电脑硬件、笔记本类模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：144
					</p>
					</a>
				</div>
				</li>
				<li>
				<div class="view-tenth">
					<img src="picture/2-1503311j317-lp.jpg"><a href="mlist.html" class="mask" target="_blank">
					<h2><font color='#FFCC33'>办公文具类模板</font></h2>
					<p>
						发布于：2015-05-07 / 浏览：220
					</p>
					</a>
				</div>
				</li>
			</ul>
			<div class="tc moreBox">
				<a href="mlist.html" target="_blank" class="moreBtn">查看更多模板</a>
			</div>
			<div class="tc moreBox">
				<a href="mlist.html" target="_blank" class="moreBtn">手机站微站模板</a>
			</div>
		</div>
	</div>
	<div id="about" class="scrol-page">
		<h2 class="title"><span>网络营销套餐</span></h2>
		<div class="about2Box">
			<ul class="clentaocan clearfix ">
				<li>
				<div class="taocanbg">
					<a class="dan pcbg" href="mlist.html" target="_new"></a>
					<p class="taocan_name">
						免费PC网站套餐
					</p>
					<p class="img-black">
						优惠价：
						<span class="img-red tese">0</span>元
					</p>
					<div class="taocan_con">
						<p>
							<span class="img-red2">优势：</span>互联网pc用户中展示您的网站
						</p>
						<p>
							<span class="img-red2">功能：</span>展示企业形象和您公司广告、产品或新闻动态信息
						</p>
						<p>
							<span class="img-red2">客户群：</span>电脑上网用户
						</p>
					</div>
				</div>
				</li>
				<li>
				<div class="taocanbg">
					<a class="dan phonebg"></a>
					<p class="taocan_name">
						免费电脑网站+手机网站套餐
					</p>
					<p class="img-black">
						优惠价：
						<a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
					</p>
					<div class="taocan_con">
						<p>
							<span class="img-red2">优势：</span>互联网和移动互联网中同时展示您的网站
						</p>
						<p>
							<span class="img-red2">功能：</span>展示企业形象和您公司广告、产品或新闻动态信息
						</p>
						<p>
							<span class="img-red2">客户群：</span>所有互联网用户和移动终端用户包括手机、平板等
						</p>
					</div>
				</div>
				</li>
				<li>
				<div class="taocanbg">
					<a class="dan weixinbg" href="#" target="_new"></a>
					<p class="taocan_name">
						微信公众号展示版+移动网站套餐
					</p>
					<p class="img-black">
						优惠价：
						<a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
					</p>
					<div class="taocan_con">
						<p>
							<span class="img-red2">优势：</span>微信用户中展示您的网站,拥有自主公众号，提升企业形象
						</p>
						<p>
							<span class="img-red2">功能：</span>基础产品展示，摇一摇等微互动，智能聊天
						</p>
						<p>
							<span class="img-red2">客户群：</span>可定向发展客户
						</p>
					</div>
				</div>
				</li>
				<li>
				<div class="taocanbg">
					<a class="dan wifibg"></a>
					<p class="taocan_name">
						微信网站+智能营销系统套餐
					</p>
					<p class="img-black">
						优惠价：
						<a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
					</p>
					<div class="taocan_con">
						<p>
							<span class="img-red2">优势：</span>智能主动营销
						</p>
						<p>
							<span class="img-red2">功能：</span>展示企业形象和您公司促销广告、产品信息
						</p>
						<p>
							<span class="img-red2">客户群：</span>所有智能终端（智能手机、平板等）用户
						</p>
					</div>
				</div>
				</li>
				<li>
				<div class="taocanbg">
					<a class="dan"><img src="picture/net.png"/></a>
					<p class="taocan_name">
						PC网站+手机网站+微信站+智能营销系统+空间+域名
					</p>
					<p class="img-black">
						优惠价：
						<a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
					</p>
					<div class="taocan_con">
						<p>
							<span class="img-red2">优势：</span>提供线上线下同步营销方案
						</p>
						<p>
							<span class="img-red2">功能：</span>根据企业的营销策略，智能定制互联网营销方案
						</p>
						<p>
							<span class="img-red2">客户群：</span>所有互联网及移动互联网用户
						</p>
					</div>
				</div>
				</li>
				<li>
				<div class="taocanbg">
					<a class="dan mailbg"></a>
					<p class="taocan_name">
						PC网站+企业邮局系统
					</p>
					<p class="img-black">
						优惠价：
						<a href="mlist.html" class="qqBtn">点我<img src="picture/qq.png"/></a>
					</p>
					<div class="taocan_con">
						<p>
							<span class="img-red2">优势：</span>私有企业邮箱，创造高大上的企业形象
						</p>
						<p>
							<span class="img-red2">功能：</span>自定义设置给客户群发邮件，用户数量不受限制，商业机密不易泄露，内部收发快，各种自定义功能。
						</p>
						<p>
							<span class="img-red2">客户群：</span>所有互联网用户
						</p>
					</div>
				</div>
				</li>
			</ul>
		</div>
	</div>
	<div class="tc moreBox">
		<a href="mlist.html" target="_blank" class="moreBtn"> 查看更多套餐 </a>
	</div>
	<div id="news" class="scrol-page">
		<div class="k1120">
			<h2 class="title"><span>产品知识</span></h2>
			<h5 class="infoText">您可以通过以下产品知识进一步了解小角色网络营销和电子商务</h5>
			<div class="newsList">
				<ul class="clearfix">
					<li>
					<div class="newsListBox">
						<h4><a href="new.html" target="_blank">小角色VIP微信文章编辑工</a></h4>
						<p class="newsViewText">
							公众平台自助引擎（www.xiaojiaose.com），简称小角色，小角色是一款免费开源的微...
						</p>
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>
					</div>
					</li>
					<li>
					<div class="newsListBox">
						<h4><a href="new.html" target="_blank">小角色免费建站说明</a></h4>
						<p class="newsViewText">
							小角色免费建站详细说明...
						</p>
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>
					</div>
					</li>
					<li>
					<div class="newsListBox">
						<h4><a href="new.html" target="_blank">网站推广细节在网站制作</a></h4>
						<p class="newsViewText">
							今天和大家讨论SEO优化细节在网站制作时怎么体验。...
						</p>
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>
					</div>
					</li>
					<li>
					<div class="newsListBox">
						<h4><a href="new.html" target="_blank">策划一个企业网站需要注</a></h4>
						<p class="newsViewText">
							作为一个企业网站，首要条件就是要具有较强的盈利能力和宣传能力。一个不能...
						</p>
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>
					</div>
					</li>
					<li>
					<div class="newsListBox">
						<h4><a href="new.html" target="_blank">做网站要哪些资料？有哪</a></h4>
						<p class="newsViewText">
							企业要建立一个网站应该准备哪些资料？ 在口网视觉已经了解了客户想要的网...
						</p>
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>
					</div>
					</li>
					<li>
					<div class="newsListBox">
						<h4><a href="new.html" target="_blank">推广效果不佳多半在于网</a></h4>
						<p class="newsViewText">
							中小企业通过搜索引擎付费广告，推广自己的产品和服务，到底有没有效果？答...
						</p>
						<p class="newsViewFoot">
							<a href="new.html" target="_blank" class="newsListView">查看详情</a>
						</p>
					</div>
					</li>
				</ul>
				<div class="tc moreBox">
					<a href="#" target="_blank" class="moreBtn">点击查看更多</a>
				</div>
			</div>
		</div>
	</div>
	<div class="scrol-page">
		<h2 class="title"><span>联系我们</span></h2>
		<div class="infoText">
			如果您需要共享互联网巨大商机，如果您需要一个可以长期合作与信任的工作团队，那么请联系我们，谢谢！
		</div>
		<div class="contactBox" id="contact">
			<div class="contactFoot">
				<div class="clearfix k1120">
					<dl>
						<dt>联系方式</dt>
						<dd>
						<p>
							中国 · 郑州 · 郑东新区正光北街19号
						</p>
						<p>
							电话：0371-61770339
						</p>
						<p>
							邮箱：guanli@xiaojuese.net
						</p>
						<p>
							邮编：450000
						</p>
						</dd>
					</dl>
					<dl>
						<dt>QQ在线咨询</dt>
						<dd>
						<p>
							有什么需求或有疑问请点击以下QQ头像咨询我们
						</p>
						<p>
							<a href="#" class="qqBtn">售前技术-点击洽谈</a>
						</p>
						<p>
							<a href="#" class="qqBtn">在线客服-点击洽谈</a>
						</p>
						<p>
							<a href="#" class="qqBtn">售后服务-点击洽谈</a>
						</p>
						</dd>
					</dl>
					<dl>
						<dt>更多内容请关注小角色官方微信</dt>
						<dd>
						<p>
							<img src="picture/weixinlogo.jpg"/>
						</p>
						</dd>
					</dl>
				</div>
			</div>
			<div class="mapBox">
				<div style="width:100%;" id="dituContent">
				</div>
			</div>
		</div>
	</div>
</div>
﻿
<div class="footer">
	 Copyright © 2015 .xiaojuese.net All Rights Reserved.
	<br>
	<a href="#">更多模板：<a href="http://www.cssmoban.com/" target="_blank">模板之家</a></a>
</div>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        // addMapControl();//向地图添加控件
        // addMarker();//向地图中添加marker
    }
    //创建地图函数：
    function createMap(){
        var map = new BMapGL.Map("dituContent");          // 创建地图实例
        var point = new BMapGL.Point(118.80242, 32.06465);  // 创建点坐标
        map.centerAndZoom(point, 15);
        // var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        // var point = new BMap.Point(113.763188,34.77838);//定义一个中心点坐标
        // map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    //地图事件设置函数：
    function setMapEvent(){
        map.enableScrollWheelZoom(true);
        // map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        // map.disableScrollWheelZoom();//禁用地图滚轮放大缩小
        // map.disableDoubleClickZoom();//禁用鼠标双击放大，默认启用(可不写)
        // map.disableKeyboard();//禁用键盘上下左右键移动地图
    }
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
	var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
	map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
	var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
	map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
	var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
	map.addControl(ctrl_sca);
    }
    //标注点数组
    var markerArr = [{title:"河南小角色网络科技有限公司",content:"接待电话：0371-61770339<br/>手机：17090419558",point:"113.762712|34.778484",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
			var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
			var iw = createInfoWindow(i);
			var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
			marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
			(function(){
				var index = i;
				var _iw = createInfoWindow(i);
				var _marker = marker;
				_marker.addEventListener("click",function(){
				    this.openInfoWindow(_iw);
			    });
			    _iw.addEventListener("open",function(){
				    _marker.getLabel().hide();
			    })
			    _iw.addEventListener("close",function(){
				    _marker.getLabel().show();
			    })
				label.addEventListener("click",function(){
				    _marker.openInfoWindow(_iw);
			    })
				if(!!json.isOpen){
					label.hide();
					_marker.openInfoWindow(_iw);
				}
			})()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    initMap();//创建和初始化地图
</script>
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">
  Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
  <a href="https://www.chazidian.com/"  title="查字典">查字典</a>
</div>
</body>
</html>